<style>
    #oculto-menu{
        position:fixed;
        right:0;
        height: 100%;
        width: 20px;
        z-index: 999;
    }

    #menu-over{
        position:fixed;
        right:0;
        /*background:#000;*/
        height: 100%;
        width: 110px;
        filter:alpha(opacity=30, finishopacity=30, style=1); 
        opacity:.8;
        -khtml-opacity:.3; 
        border:none; 
        z-index: 990;
    }

    #menu-over #container{
        /*margin: 30px 0px 0px 0px;*/
        padding: 10px;
    }

</style>

<div class="tile-area tile-area-steel">

    <?php include 'app/view/core/header.phtml'; ?>
    
    <h1 class="tile-area-title fg-black title-hover padding10">Tipologia</h1>
    
    <div class="tile-group four">        
        <!-- Contas -->
        <a href="index.php?TipoQuarto" class="tile bg-crimson">
            <div class="tile-content icon">
                <img src="<?php echo PATH_IMAGE_URL; ?>quarto128.png"/>
            </div>
            <div class="brand">
                <div class="label">Quartos</div>
            </div>
        </a>
        <a href="index.php?TipoCasa" class="tile bg-darkCyan">
            <div class="tile-content icon">
                <img src="<?php echo PATH_IMAGE_URL; ?>casa128.png"/>
            </div>
            <div class="brand">
                <div class="label">Casas</div>
            </div>
        </a>
        <a href="index.php?TipoCama" class="tile bg-emerald">
            <div class="tile-content icon">
                <img src="<?php echo PATH_IMAGE_URL; ?>cama128.png"/>
            </div>
            <div class="brand">
                <div class="label">Camas</div>
            </div>
        </a>

    </div>

</div>